<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>我好害怕</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div id="tridiv">
    <div class="scene" id="scene" style="transform:rotateX(-45deg) rotateY(0) scale3d(1,1,1);">
      <div class="shape cuboid-1 cub-1">

        <div class="face ft">
          <div class="photon-shader" id="front">
            <span class="haipa">害怕</span>
            <span class="chongzhi">我好害怕
              <br>so scared</span>
          </div>
        </div>

        <div class="face bk">
          <div class="photon-shader" id="after">
            <span class="haipa">怕怕</span>
            <span class="chongzhi">i'm fucking
              <br>SCARED!!</span>
          </div>
        </div>

        <div class="face rt">
          <div class="photon-shader" id="left">
            <span class="haipa">害怕</span>
            <span class="chongzhi">我好害怕
              <br>so scared</span>
          </div>
        </div>

        <div class="face lt">
          <div class="photon-shader" id="right">
            <span class="haipa">怕怕</span>
            <span class="chongzhi">i'm fucking
              <br>SCARED!!</span>
          </div>
        </div>

        <div class="face tp">
          <div class="photon-shader" id="top">
            <span class="haipa">怕怕</span>
            <span class="chongzhi">i'm fucking
              <br>SCARED!!</span>
          </div>
        </div>

        <div class="face bm">
          <div class="photon-shader" id="bottom">
            <span class="haipa">害怕</span>
            <span class="chongzhi">我好害怕
              <br>so scared</span>
          </div>
        </div>

        <img src="fear.png" alt="" width="50" />
      </div>
    </div>
  </div>
  <script src="main.js"></script>
</body>

</html>